<!DOCTYPE html>
<html lang="en">

<head>

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" class="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" href="./css/index.css">
    <title>在家吃饭</title>
    <script>
      (function (window, document) {
        var setRem = function () {
          var innerWidth = document.documentElement.getBoundingClientRect().width || window.innerWidth;
          if (innerWidth > 768) {
            document.documentElement.style.fontSize = 48 + 'px';
          } else {
            document.documentElement.style.fontSize = innerWidth / 15 + 'px';
          }
        };
        window.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', setRem, false);
        setRem();
      })(window, document);
    </script>
  </head>

<body>
  <img src="./images/top.jpg" class="top" alt="">
  <div class="laba">
    <p class="top-text">某某某:</p>
    <p class="text">您好，感謝您支持<span>在家吃飯</span> ，</p>
    <p class="text text1"><span>我們已接收到您的訂單，</span>將盡快依序出貨。</p>
  </div>
  <div class="title">
    <p class="line"></p>
    <p class="text"><span>訂單</span>詳情</p>
    <p class="line"></p>
  </div>
  <p class="eng-name">ORDER DETAILS</p>
  <div class="text-item">
    <p class="yuan"></p>
    <p class="text">訂單編號:</p>
    <p class="text1">sdf99796863459238deewfr</p>
  </div>
  <div class="text-item">
    <p class="yuan"></p>
    <p class="text">產品項目:</p>
    <p class="text1">炸醬面</p>
  </div>
  <div class="text-item">
    <p class="yuan"></p>
    <p class="text">數量:</p>
    <p class="text1">3份</p>
  </div>
  <div class="text-item">
    <p class="yuan"></p>
    <p class="text">金額:</p>
    <p class="text1">128.00</p>
  </div>
  <div class="text-item">
    <p class="yuan"></p>
    <p class="text">優惠:</p>
    <p class="text1">$9.50</p>
  </div>
  <div class="text-item">
    <p class="yuan"></p>
    <p class="text">總計:</p>
    <p class="text1">$118.50</p>
  </div>
  <div class="text-item">
    <p class="yuan"></p>
    <p class="text">運送地址:</p>
    <p class="text1">美國舊金山</p>
  </div>
  <div class="text-item">
    <p class="yuan"></p>
    <p class="text">付款方式:</p>
    <p class="text1">信用卡</p>
  </div>
  <div class="title">
    <p class="line"></p>
    <p class="text"><span>付款</span>須知</p>
    <p class="line"></p>
  </div>
  <p class="eng-name">PAYMENT INSTRUCTIONS</p>
  <div class="number">
    <div class="num-top">
      <div class="left">
        <p class="text">01</p>
        <p class="line"></p>
      </div>
      <p class="right">若您是使用匯款或是其他非線上的付款方式，可以點擊以下連結來通知。</p>
    </div>
    <div class="link-box">
      <a href="http://www.smtk.com.tw/orders/3459b8d08cde013714fd52538a6b945d/paystatus" class="link">http://www.smtk<br/>.com.tw/orders/3459b8d08cde013714fd52538a6b945d/pay<br/>status</a>
    </div>
  </div>
  <div class="number">
    <div class="num-top">
      <div class="left">
        <p class="text">02</p>
        <p class="line"></p>
      </div>
      <p class="right">如果您尚未付款，請您盡快付款。您可以通過以下鏈接地址(複製到瀏覽器地址欄)返回訂單付款頁面：
        我們您已經付款</p>
    </div>
    <div class="link-box">
      <a href="http://www.smtk.com.tw/orders/3459b8d08cde013714fd52538a6b945d" class="link">http://www.smtk<br/>.com.tw/orders/3459b8d08cde013714fd52538a6b945d</a>
    </div>
  </div>
  <div class="b-logo">
    <img src="./images/f.png" alt="">
    <p>歡迎您再次到在家吃飯購物，祝您購物愉快！</p>
  </div>
</body>
</html>